<template>
     <a-layout>
        <a-layout-header class="header">
          <a-button type="link" @click="logout">
            <LogoutOutlined /> 退出登录
          </a-button>
        </a-layout-header>
    </a-layout>
</template>  
<script setup>
  import { useRouter } from 'vue-router'
//   import { useAuthStore } from '../..//stores/auth'
  import { useAuthStore } from '../../../stores/auth'

  
  const router = useRouter()
  const authStore = useAuthStore()
  const logout = () => {
    authStore.logout()
    router.push('/login')
  }
</script>
<style scoped lang="scss">
  .header {
    background: #fff;
    // padding: 0 24px;
    // display: flex;
    // justify-content: flex-end;
    // align-items: center;
  }
</style>